<template>
  <div class="sou">
    <Top/>
    <div class="bottom">
      <Hot/>
      <Class/>
    </div>
    <Select/>
  </div>
</template>

<script>
import Top from "@/components/sou/top.vue"
import Hot from "@/components/sou/hot.vue"
import Class from "@/components/sou/class.vue"
import Select from '../components/sou/select.vue';
export default {
  created(){
    this.$store.dispatch('GetSou','/data/sou')
  },
  components:{
    Top,
    Hot,
    Class,
    Select
  }
};
</script>

<style scoped>
.sou {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.bottom {
  flex: 1;
  overflow: auto;
  background: #fafafa;
}
</style>
